<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="<c:url value='/insdep/reset.min.css' />" rel="stylesheet" type="text/css">
	<link href="<c:url value='/insdep/easyui_full.css'/>" rel="stylesheet" type="text/css">
	<link href="<c:url value='/insdep/icon.css'/>" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="<c:url value='/insdep/jquery-1.11.3.min.js'/>"></script>
	<script type="text/javascript" src="<c:url value='/insdep/jquery.easyui-1.5.2.min.js'/>"></script>
	<script type="text/javascript" src="<c:url value='/insdep/insdep-extend.min.js'/>"></script>
	
<title>添加员工</title>
</head>
<body>
	<script type="text/javascript">
	$(function(){
		$("#dept_add_emp_dg").datagrid({
			onDblClickRow:function(index, row){
				//打开窗口
				//
				//将empid保存到隐藏域中
				$("#hidden_empid").val(row.id);
				//每双击一下员工都把部门对应职位的职位编制未满的职位数量查询出来，若没有则表示该部门下职位已经满编
				$.post("get_DeptPosition",
						{deptid: $("#add_emp_to_dept_win").window("options").deptid},
						function(data){
						if(data==""){
							$.messager.confirm('提示','该部门下的职位已经满编，增加失败！'); 
						}else{
							//打开窗口
							$("#selected_position_give_emp").window('open');
							//初始化职位combobox
							$("#give_emp_position").combobox({
								url : 'get_DeptPosition',
								queryParams: {
								deptid: $("#add_emp_to_dept_win").window("options").deptid
								}
							});
						}
				});
			}
		});
		$("#save_info").linkbutton({
			onClick:function(){
				var empid = $("#hidden_empid").val();
				var deptid = $("#add_emp_to_dept_win").window("options").deptid;
				var posiid = $("#give_emp_position").val();
				alert(empid+deptid+posiid);
				$("<form method='post'>").form({
					url:'give_DeptIsEmp',
					onSubmit:function(params){
						params.deptid=deptid;
						params.empid=empid;
						params.positionid=posiid;
					},
					success:function(info){
						$("#selected_position_give_emp").window('close');//关闭窗口
						$("#dept_add_emp_dg").datagrid('reload');//刷新表格
					}
				}).submit();
			}
		}); 
		
	});
	</script>
	<!-- 数据表格  --> 
    <table id="dept_add_emp_dg" class="easyui-datagrid" 
		data-options="
		fit:true,
		fitColumns:true,
		url:'get_NotDeptEmp',
		rownumbers: true,
		nowrap:false, 
		autoRowHeight:true,
		autoRowWidth:300">
		<thead>
			<tr>
				<th style="width:50%;height:60px;" data-options="field:'id', align:'center'">员工编号</th>
				<th style="width:54.7%;height:60px;" data-options="field:'text', align:'center'">员工姓名</th>
			</tr>
		</thead>
		</table>

	<!--点击工具栏弹出的window -->
	<div id="selected_position_give_emp" class="easyui-window" title="选择职位" style="width:300px;height:200px"   
         data-options="
         iconCls:'icon-save',
         modal:true,
         modal: true,
		 maximizable:false,
		 minimizable:false,
		 collapsible:false,
		 draggable: true,
		 closed: true">
		 <input id="give_emp_position" name="give_emp_position" class="easyui-combobox" label="&nbsp&nbsp选择职位：" data-options="valueField:'id', width:200, textField:'text', ,panelHeight:'auto'"/>
		 <input type="hidden" id="hidden_empid"><br/>
		 <a id="save_info" style="position: absolute;bottom:5px;left:40%" class="easyui-linkbutton" data-options="iconCls:'icon-save'">保存</a>
	</div>		
</body>
</html>